<template>
  <div>
      <ul>
          <li v-for="(v,i) in objOne" :key="i">
              <img :src="v.img" alt="">
              <b>{{v.name}}</b>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    data(){
        return{
            objOne:[{img:"/images/1.gif",name:"限时秒杀"},
            {img:"/images/2.gif",name:"断码清仓"},
            {img:"/images/3.gif",name:"现金大转盘"},
            {img:"/images/4.gif",name:"免费领水果"},
            {img:"/images/5.gif",name:"9块9特卖"},
            {img:"/images/6.gif",name:"充值中心"},
            {img:"/images/7.gif",name:"医药馆"},
            {img:"/images/8.gif",name:"签到"},
            {img:"/images/9.gif",name:"多多赚大钱"},
            {img:"/images/10.gif",name:"免费领商品"},],
        }
    }
}
</script>

<style scoped>
    ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top:0.15rem;
    }
    li{
        /* flex-shrink: 0; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width:0.8rem;
        margin-bottom: 0.2rem;
    }
    li img{
        display: block;
        width:0.4rem;
        height: 0.4rem;
        margin-bottom: 0.05rem;
    }
    b{
        font-size: 0.14rem;
        color:#706e6f;
    }
</style>